<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>可视化大屏</title>
      <link rel="shortcut icon" href="src/assets/vue.svg" >
      <script>
          window.clientWidth = document.documentElement.clientWidth
          window.clientHeight = document.documentElement.clientHeight
          window.pageWidth = clientWidth / clientHeight > 16 / 9 ? clientHeight * (16 / 9) : clientWidth
          window.pageHeight = pageWidth / (16 / 9)
          const string = `<style>html{
      font-size: ${pageWidth / 100}px
    }</style>`
          document.write(string)

      </script>
    <script type="module" crossorigin src="./assets/index-0ad2f620.js"></script>
    <link rel="stylesheet" href="./assets/index-ae6ff325.css">
  </head>
  <body>
    <div id="app"></div>
    <script>
        // app.style.width = pageWidth + 'px'
        app.style.height = pageHeight + 'px'
        app.style.marginTop = (clientHeight - pageHeight) / 2 + 'px'
    </script>
    
  </body>
</html>
